<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="css/demo4.css">
    <title>Title</title>
    <style>
        #header {
            width:200px;
            height:280px;
        }
        #myh1{
            background-color:yellow;
            /* 设置背景颜色为黄色 */
        }
        li{
            font-style: italic;
            /* font-style: italic; 设置字体为斜体风格 */
        }
        .myli{
            font-size:24px;
            /* 设置字体大小为24像素 */
        }
        .outer{
            font-size:60px;
            /* 外层div字体大小为60像素 */
        }
        .inner{
            /* font-size:50%;  百分比写法，效果类似em */
            font-size:0.5em;
            /* em单位：相对于父元素的字体大小 */
        }
    </style>
</head>
<body>
    <h1 style="color:red" id="myh1">个人简历</h1> 
    <h2>学习经历</h2>
    <!-- 无序列表 -->
    <ul>
        <li class="myli">小学：</li>
        <li>中学：</li>
        <li>大学</li>
    </ul>

    <div class="outer">我是外层div
        <div class="inner">我是内层div</div>
    </div>
</html>